<!DOCTYPE html>
<html lang="en">
	<head>
	  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
	  <link rel="stylesheet" type="text/css" href="css/twit.css" />
	</head>
	<body>
		<div class="container">
			<div class="navbar navbar-fixed-top">
				<div class="navbar-inner">
					<div class="container" style="position: relative;">
						<a class="brand" href="index.html">
							<img src="img/logo2.png" style="position:absolute; top: 5px; left: 0;" />
							База дуалов
						</a>
						<div class="nav-collapse">
							<ul class="nav">
							  <li class="active"><a href="#">Главная</a></li>
							  <li><a href="#about">О проекте</a></li>
							  <li><a href="#contact">Тест</a></li>
							</ul>
							<ul class="nav pull-right">
							  <li><a href="profile.html">Профиль</a></li>
							  <li><a href="#about">Выйти</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="span9">
					<div class="alert alert-error">
					  Вы еще не прошли 1 тест. <a class="btn btn-info btn-small" href="test.html">Пройти сейчас</a>
					</div>
					<div>
						<table class="table table-bordered table-striped user-table">
							<caption>
								<h5>Новые пользователи</h5>
							</caption>
							<tbody>
								<tr>
									<td>
										<p>
											<a href="">
												<img src="img/strykalo.jpg" width="100" />
												Валентин
											</a>
											<span class="age">18 лет</span>
										</p>
										<p class="location">Днепропетровск</p>
										<p class="tim">
											<span class="ttip" rel="tooltip" title="Ололо">ENTP</span>
										</p>
										<div class="relation">
											<span class="label label-info">Контроллер</span>
										</div>
									</td>
									<td>
										<p>
											<a href="">
												<img src="img/lilya.jpg" width="100" />
												Лиля
											</a>
											<span class="age">19 лет</span>
										</p>
										<p class="location">Москва</p>
										<p class="tim">ENTJ</p>
										<div class="relation">
											<span class="label label-success">Дуал</span>
										</div>
									</td>
									<td>
										<p>
											<a href="">
												<img src="img/lilya.jpg" width="100" />
												Лиля
											</a>
											<span class="age">19 лет</span>
										</p>
										<p class="location">Москва</p>
										<p class="tim">ENTJ</p>
										<div class="relation">
											<span class="label label-success">Дуал</span>
										</div>
									</td>
								</tr>
								<tr>
								  <td>
									  <p>
									  <a href="">
									  	<img src="img/liza.jpg" width="100" />
										Елизавета
									</a>
									  </p>
											<p class="location">Баку</p>
											<div class="relation">
												<span class="label">ТИМ не определен</span>
											</div>
								  </td>
								  <td>
									  <p>
									  <a href="">
									  	<img src="img/liza.jpg" width="100" />
										Елизавета
									</a>
									  </p>
											<p class="location">Тбилиси</p>
											<p class="tim">INTP</p>
											<div class="relation">
												<span class="label label-inverse">Конфликтер</span>
											</div>

								  </td>
								  <td>
									  <a href="">
									  <img src="img/strykalo.jpg" width="100" />
										  Коля
									</a>
								  </td>
								</tr>
								<tr>
								  <td>
									  <img src="img/strykalo.jpg" width="100" />
								  </td>
								  <td>
									  <img src="img/strykalo.jpg" width="100" />
								  </td>
								  <td>
									  <img src="img/strykalo.jpg" width="100" />
								  </td>
								</tr>
								<tr>
								  <td>
									  <img src="img/strykalo.jpg" width="100" />
								  </td>
								  <td>
									  <img src="img/strykalo.jpg" width="100" />
								  </td>
								  <td>
									  <img src="img/strykalo.jpg" width="100" />
								  </td>
								</tr>
							</tbody>
						</table>
						<div class="pagination pagination-centered">
						  <ul>
						    <li><a href="#">&larr;</a></li>
						    <li class="active">
						      <a href="#">1</a>
						    </li>
						    <li><a href="#">2</a></li>
						    <li><a href="#">3</a></li>
						    <li><a href="#">4</a></li>
						    <li><a href="#">5</a></li>
						    <li class="disabled"><a href="#">...</a></li>
						    <li><a href="#">10</a></li>
						    <li><a href="#">11</a></li>
						    <li><a href="#">&rarr;</a></li>
						  </ul>
						</div>
					</div>
				</div>
				<div class="span3">
					<div class="well well-small">
						<h5>Самые активные пользователи</h5>
						<br />
						<div class="new-user-widget">
							<ul class="thumbnails">
							  <li class="span1 first">
							    <a href="#" rel="tooltip" title="Валентина">
							      <img src="img/valya.jpg" width="80" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" rel="tooltip" title="Валентина">
							      <img src="http://placehold.it/80" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" rel="tooltip" title="Валентина">
							      <img src="http://placehold.it/80" width="80" alt="">
							    </a>
							  </li>
							  <li class="span1 first">
							    <a href="#" rel="tooltip" title="Валентина">
							      <img src="img/valya2.jpg" width="80" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" rel="tooltip" title="Валентина">
							      <img src="http://placehold.it/80" alt="">
							    </a>
							  </li>
							  <li class="span1">
							    <a href="#" rel="tooltip" title="Арсений">
							      <img src="img/arsen.jpg" width="80" alt="">
							    </a>
							  </li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript">
			$('a, .ttip').tooltip({placement: 'top'});
		</script>
	</body>
</html>